<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <!--<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' gap:; style-src 'self' 'unsafe-inline'; media-src *" />-->

    <link rel="stylesheet" type="text/css" href="leaflet/leaflet.css"/>
    <script src="leaflet/leaflet.js"></script>
    <script src="js/lib/leaflet.ChineseTmsProviders.js"></script>
    <script src="js/lib/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>智慧地图</title>
</head>

<body>
<div id="map"></div>
<div id="searchox">
    <img src="img/search.png"/>
    <input type="text" placeholder="搜你想要的"/>
</div>
<div class="zoomControl">
    <div id="zoomIn" onclick="mapLarger()"></div>
    <div id="zoomOut" onclick="mapSmaller()"></div>
</div>
<ul id="rightgroup">
    <li><img class="rightgroupbtn" src="img/layertoggle.png" onclick="LayerControlOut()"/></li>
    <li><img class="rightgroupbtn" src="img/analysis.png" onclick="chooseMeasure()"/></li>
    <li><img class="rightgroupbtn" src="img/gathering.png" onclick="chooseCapture()"/></li>
    <li><img class="rightgroupbtn" src="img/monitor.png" /></li>
</ul>
<img id="menu" src="img/menu.png" onclick="bottomMenuOut()"/>
<img id="locate" src="img/locate.png" onclick="getLocation()"/>
<div id="logo">
    <img id="logopic" src="img/logo.png">
    <img id="logotext" src="img/logotext.png">
</div>


<script src="js/UI/ui.js"></script>
<script src="js/layer.js"></script>
<script src="js/creatMap.js"></script>
</body>
</html>
